<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1,user-scalable=0">
    <title>Bootstrap 101 Template</title>
    <link rel="stylesheet" type="text/css" href="css/index.css">
    <link rel="stylesheet" href="css/common.css">
</head>
<body>
<!--顶部通栏-->
<header class="qt_topBar">
    <div class="contain">
        <div class="header_func">
            <a href="#" class="header_func_logo qt-fL clearBoth">
                <img class="header-logo-1200" src="img/greenlogo.png" alt="">
            </a>
            <div class="header_func_search qt-fL">
                <div class="substance clear_f">
                    <div class="func_search_main qt-fL">
                        <span class="search_main_text">
                            <i class="icon icon-fenlei"></i>
                            <em class="search_main_name">分类</em>
                        </span>
                    </div>
                    <div class="func_search_row">
                        <div class="inputChange">
                            <form action=""><input type="text" placeholder="免费设计素材任意下载"></form>
                        </div>
                    </div>
                    <div class="func_search_btn">
                        <i class="icon icon-search"></i>
                    </div>
                </div>
                <div class="search_hot">
                    <a href="#">促销</a>
                    <a href="#">代金券</a>
                    <a href="#">程序员日</a>
                    <a href="#">邀请函</a>
                    <a href="#">个人简历</a>
                    <a href="#">配乐</a>
                    <a href="#">字库</a>
                    <a href="#">邀请函</a>
                    <a href="#">不忘初心</a>
                </div>
            </div>
            <div class="header_func_login">
                <div class="login_user qt-fR">
                    <p class="user-btn">
                        <a href="#">登录</a>
                    </p>
                    <p class="user-btn">
                        <a href="#">注册</a>
                    </p>
                </div>
                <div class="login_vipS login_common header-right">
                    <a href="#">
                        <em class="icon-img"></em>
                        <span class="icon_title">企业VIP</span>
                    </a>
                </div>
                <div class="login_vip login_common header-right">
                    <i class="icon icon-VIP"></i>
                    <span class="icon_title">个人VIP</span>
                </div>
                <div class="login_upload login_common header-right">
                    <i class="icon icon-shangchuan"></i>
                    <span class="icon_title">上传作品</span>
                </div>
            </div>
        </div>
        <div class="header_classification"></div>
    </div>
</header>
<!--轮播图-->
<section class="qt_banner">
    <ul class="clearFix">
        <li><a href="#"><img src="img/banner/2.jpg" alt=""></a></li>
        <li><a href="#"><img src="img/banner/3.jpg" alt=""></a></li>
        <li><a href="#"><img src="img/banner/4.jpg" alt=""></a></li>
        <li><a href="#"><img src="img/banner/5.jpg" alt=""></a></li>
        <li><a href="#"><img src="img/banner/6.jpg" alt=""></a></li>
        <li><a href="#"><img src="img/banner/7.jpg" alt=""></a></li>
        <li><a href="#"><img src="img/banner/8.jpg" alt=""></a></li>
    </ul>
    <ul id="index">
        <li class="now"></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
        <li></li>
    </ul>
    <div id="arr">
        <span id="left" class="vary">&lt;</span>
        <span id="right" class="vary">&gt;</span>
    </div>
</section>
<!--主体-->
<section class="qt_body">
    <div class="qt_body_content">
        <!--作品元素-->
        <div class="works_element">
            <ul class="qt-fL">
                <li><a href="#">平面广告</a><a href="#">海报</a><a href="#">展板展架</a><a href="#">名片</a></li>
                <li><a href="#">电商淘宝</a><a href="#">banner</a><a href="#">首页</a><a href="#">主图</a></li>
                <li><a href="#">设计元素</a><a href="#">装饰</a><a href="#">背景</a><a href="#">艺术字</a></li>
                <li class="w_e_mt"><a href="#">PPT模板</a><a href="#">汇报</a><a href="#">总结</a><a href="#">简历</a></li>
                <li class="w_e_mt"><a href="#">插画绘画</a><a href="#">节日节气</a><a href="#">情感</a><a href="#">商务</a></li>
                <li class="w_e_mt"><a href="#">视频音频</a><a href="#">AE</a><a href="#">PR</a><a href="#">音频配乐</a></li>
            </ul>
            <div class="qt-fL work_box">
                <div class="qt-fL work_box_first">
                    <a href="#">装饰装修</a>
                    <a href="#">摄影图库</a>
                    <a href="#" class="w_e_a_mt">GIF动图</a>
                    <div class="w_e_a_mt">更多</div>
                </div>
                <div class="qt-fL work_box_second">
                    <a href="#">特邀申请</a>
                    <a href="#">积分商城</a>
                    <a href="#">大赛活动</a>
                    <a href="#" class="w_e_a_mt">创意趋势</a>
                    <a href="#" class="w_e_a_mt">千图工具</a>
                    <a href="#" class="w_e_a_mt">BLOG</a>
                </div>
            </div>
        </div>
        <!--创意海报-->
        <div class="modelMain modelFirst">
            <ul class="modelNav">
                <li class="modelNav_tit">
                    <a href="#">精选收藏夹</a>
                    激发创意灵感
                </li>
                <li class="modelNav_text">
                    <a href="#">千图精选</a>
                </li>
                <a href="#" class="modelNav_link">查看全部推荐</a>
            </ul>
            <div class="ficheModel">
                <div class="qt-fL topic_list">
                    <a href="#"><img src="img/north.jpg" alt=""></a>
                    <div class="topic_des">
                        <h3>生命在于运动</h3>
                    </div>
                </div>
                <div class="qt-fL topic_list">
                    <a href="#"><img src="img/north.jpg" alt=""></a>
                    <div class="topic_des">
                        <h3>垃圾分类</h3>
                    </div>
                </div>
                <div class="qt-fL topic_list">
                    <a href="#"><img src="img/north.jpg" alt=""></a>
                    <div class="topic_des">
                        <h3>双11最全综合模板</h3>
                    </div>
                </div>
                <div class="qt-fL topic_list">
                    <a href="#"><img src="img/north.jpg" alt=""></a>
                    <div class="topic_des">
                        <h3>摄影图|李太白有点黑</h3>
                    </div>
                </div>
                <div class="qt-fL topic_list">
                    <a href="#"><img src="img/north.jpg" alt=""></a>
                    <div class="topic_des">
                        <h3>超人气的促销标签</h3>
                    </div>
                </div>
                <div class="qt-fL topic_list">
                    <a href="#"><img src="img/north.jpg" alt=""></a>
                    <div class="topic_des">
                        <h3>节庆字体排版干货</h3>
                    </div>
                </div>
                <div class="qt-fL topic_list">
                    <a href="#"><img src="img/north.jpg" alt=""></a>
                    <div class="topic_des">
                        <h3>垃圾分类PPT模板</h3>
                    </div>
                </div>
                <div class="qt-fL topic_list">
                    <a href="#"><img src="img/north.jpg" alt=""></a>
                    <div class="topic_des">
                        <h3>唯美GIF背景</h3>
                    </div>
                </div>
            </div>
        </div>
        <!--收藏夹-->
        <div class="nav_floor">
            <div class="nav_title_box">
                <a href="#" class="title_box_fa">广告设计</a>
                <ul class="ul_item">
                    <li><a href="#">千图精选</a></li>
                    <li><a href="#">海报</a></li>
                    <li><a href="#">展板/展架</a></li>
                    <li><a href="#">名片/卡证</a></li>
                    <li><a href="#">DM/宣传单</a></li>
                </ul>
                <a href="#" class="more">查看更多</a>
            </div>
            <ul class="nav_content_box">
                <li class="qtw_card qt-fL"><img src="img/1.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/1.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/1.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/1.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/1.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/1.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/1.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/1.jpg" alt=""></li>
            </ul>
        </div>
        <!--创意广告-->
        <div class="nav_floor">
            <div class="nav_title_box">
                <a href="#" class="title_box_fa">创意海报</a>
                <ul class="ul_item">
                    <li><a href="#">千图精选</a></li>
                    <li><a href="#">节日海报</a></li>
                    <li><a href="#">招聘海报</a></li>
                    <li><a href="#">促销海报</a></li>
                    <li><a href="#">公益海报</a></li>
                </ul>
                <a href="#" class="more">查看更多</a>
            </div>
            <ul class="nav_content_box">
                <li class="qtw_card qt-fL"><img src="img/2.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/2.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/2.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/2.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/2.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/2.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/2.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/2.jpg" alt=""></li>
            </ul>
        </div>
        <!--展板展架-->
        <div class="nav_floor">
            <div class="nav_title_box">
                <a href="#" class="title_box_fa">展板展架</a>
                <ul class="ul_item">
                    <li><a href="#">千图精选</a></li>
                    <li><a href="#">节日展板展架</a></li>
                    <li><a href="#">安全公益展板展架</a></li>
                    <li><a href="#">党建展板展架</a></li>
                    <li><a href="#">学校展板展架</a></li>
                </ul>
                <a href="#" class="more">查看更多</a>
            </div>
            <ul class="nav_content_box">
                <li class="qtw_card qt-fL"><img src="img/3.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/3.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/3.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/3.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/3.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/3.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/3.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/3.jpg" alt=""></li>
            </ul>
        </div>
        <!--名片卡证-->
        <div class="nav_floor">
            <div class="nav_title_box">
                <a href="#" class="title_box_fa">名片卡证</a>
                <ul class="ul_item">
                    <li><a href="#">千图精选</a></li>
                    <li><a href="#">商务名片</a></li>
                    <li><a href="#">简约名片</a></li>
                    <li><a href="#">邀请函/贺卡</a></li>
                    <li><a href="#">优惠卷</a></li>
                </ul>
                <a href="#" class="more">查看更多</a>
            </div>
            <ul class="nav_content_box">
                <li class="qtw_card qt-fL"><img src="img/4.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/4.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/4.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/4.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/4.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/4.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/4.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/4.jpg" alt=""></li>
            </ul>
        </div>
        <!--画册装帧-->
        <div class="nav_floor">
            <div class="nav_title_box">
                <a href="#" class="title_box_fa">画册装帧</a>
                <ul class="ul_item">
                    <li><a href="#">千图精选</a></li>
                    <li><a href="#">日历台历</a></li>
                    <li><a href="#">企业画册</a></li>
                    <li><a href="#">同学录</a></li>
                    <li><a href="#">菜谱设计</a></li>
                </ul>
                <a href="#" class="more">查看更多</a>
            </div>
            <ul class="nav_content_box">
                <li class="qtw_card qt-fL"><img src="img/5.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/5.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/5.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/5.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/5.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/5.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/5.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/5.jpg" alt=""></li>
            </ul>
        </div>
        <!--包装设计-->
        <div class="nav_floor">
            <div class="nav_title_box">
                <a href="#" class="title_box_fa">包装设计</a>
                <ul class="ul_item">
                    <li><a href="#">千图精选</a></li>
                    <li><a href="#">食品精选</a></li>
                    <li><a href="#">产品包装</a></li>
                    <li><a href="#">饮料包装</a></li>
                    <li><a href="#">企业包装</a></li>
                </ul>
                <a href="#" class="more">查看更多</a>
            </div>
            <ul class="nav_content_box">
                <li class="qtw_card qt-fL"><img src="img/6.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/6.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/6.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/6.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/6.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/6.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/6.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/6.jpg" alt=""></li>
            </ul>
        </div>
        <!--VI | 导视-->
        <div class="nav_floor">
            <div class="nav_title_box">
                <a href="#" class="title_box_fa">VI | 导视</a>
                <ul class="ul_item">
                    <li><a href="#">千图精选</a></li>
                    <li><a href="#">VI设计</a></li>
                    <li><a href="#">导视系统</a></li>
                    <li><a href="#">安全标识</a></li>
                    <li><a href="#">门牌设计</a></li>
                </ul>
                <a href="#" class="more">查看更多</a>
            </div>
            <ul class="nav_content_box">
                <li class="qtw_card qt-fL"><img src="img/7.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/7.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/7.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/7.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/7.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/7.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/7.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/7.jpg" alt=""></li>
            </ul>
        </div>
        <!--LOGO设计-->
        <div class="nav_floor">
            <div class="nav_title_box">
                <a href="#" class="title_box_fa">LOGO设计</a>
                <ul class="ul_item">
                    <li><a href="#">千图精选</a></li>
                    <li><a href="#">LOGO设计</a></li>
                    <li><a href="#">标志</a></li>
                    <li><a href="#">企业LOGO</a></li>
                    <li><a href="#">餐饮LOGO</a></li>
                </ul>
                <a href="#" class="more">查看更多</a>
            </div>
            <ul class="nav_content_box">
                <li class="qtw_card qt-fL"><img src="img/8.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/8.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/8.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/8.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/8.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/8.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/8.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/8.jpg" alt=""></li>
            </ul>
        </div>
        <!--免费专区-->
        <div class="nav_floor">
            <div class="nav_title_box">
                <a href="#" class="title_box_fa">免费专区</a>
                <ul class="ul_item">
                    <li><a href="#">最新限免推荐</a></li>
                </ul>
            </div>
            <ul class="nav_content_box">
                <li class="qtw_card qt-fL"><img src="img/9.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/9.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/9.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/9.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/9.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/9.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/9.jpg" alt=""></li>
                <li class="qtw_card qt-fL"><img src="img/9.jpg" alt=""></li>
            </ul>
        </div>
        <!--!流行趋势-->
        <div class="nav_floor nav_floorL">
            <div class="nav_title_box">
                <a href="#" class="title_box_fa">流行趋势&教程博客</a>
                <a href="#" class="more">查看更多</a>
            </div>
            <ul class="nav_content">
                <li><img src="img/a.jpg" alt=""></li>
                <li><img src="img/a.jpg" alt=""></li>
                <li><img src="img/a.jpg" alt=""></li>
                <li><img src="img/a.jpg" alt=""></li>
            </ul>
        </div>
        <!--用户评价-->
        <div class="nav_floorB">
            <div class="nav_floorB_box">
                <div class="assess">用户给我们的评价</div>
                <ul class="assessList">
                    <li><img src="img/index_pic_01.png" alt=""></li>
                    <li><img src="img/index_pic_02.png" alt=""></li>
                    <li><img src="img/index_pic_03.png" alt=""></li>
                    <li><img src="img/index_pic_04.png" alt=""></li>
                    <li><img src="img/index_pic_05.png" alt=""></li>
                </ul>
                <!--<div class="assessModel"></div>-->
                <div class="mode">
                    开启名利双收之路
                    <br>
                    <span>选择适合您的计算机模式</span>
                </div>
                <div class="modeModel">
                    <div class="box">
                        <ul>
                            <li class="modeModel-img"><img src="img/invite.png" alt=""></li>
                            <li class="modeModel-title">成为特邀设计师</li>
                            <li class="modeModel-txt">成为明星设计师、获得千图网周边等多项特权</li>
                            <a href="#" class="modeModel-btn">申请加入</a>
                        </ul>
                        <ul>
                            <li class="modeModel-img"><img src="img/original.png" alt=""></li>
                            <li class="modeModel-title">成为设计达人</li>
                            <li class="modeModel-txt">零门槛申请，轻松上传,首传通过送2000积分</li>
                            <a href="#" class="modeModel-btn">申请加入</a>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
        <!--为您推荐-->
        <div class="companies">
            <div class="w1200">
                <div class="ship_handle">为您推荐</div>
                <ul class="nav_ship">
                    <li><a href="#">友情链接</a></li>
                    <li><a href="#">新素材</a></li>
                    <li><a href="#">信搜索</a></li>
                    <li><a href="#">素材库</a></li>
                    <li><a href="#">热门PPT素材</a></li>
                    <li><a href="#">热门淘宝素材</a></li>
                    <li><a href="#">热门装饰素材</a></li>
                    <li><a href="#">今日专题</a></li>
                    <li><a href="#">搜索地图</a></li>
                </ul>
                <div class="ship_box">
                    <ul>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                        <li><a href="#">包图网</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</section>
<!--尾部-->
<footer class="qt_footer_default">
    <div class="qt_footer">
        <div class="footer_top clearBoth">
            <dl class="qt-fL">
                <dt>常见问题</dt>
                <dd><a href="#">成为特邀设计师</a></dd>
                <dd><a href="#">注册登录</a></dd>
                <dd><a href="#">账号/密码</a></dd>
                <dd><a href="#">发票/售后</a></dd>
                <dd><a href="#">版权投诉</a></dd>
            </dl>
            <dl class="qt-fL">
                <dt>关于千图网</dt>
                <dd><a href="#">关于我们</a></dd>
                <dd><a href="#">加入我们</a></dd>
                <dd><a href="#">心系千图</a></dd>
                <dd><a href="#">Q群联盟</a></dd>
            </dl>
            <dl class="qt-fL">
                <dt>产品服务</dt>
                <dd><a href="#">官方博客</a></dd>
                <dd><a href="#">帮助中心</a></dd>
            </dl>
            <div class="qt-fR other_service">
                <p class="service_title"><a href="#">客服咨询</a></p>
                <p class="service_email"><a href="#">点我交谈</a></p>
                <a href="#" class="service_e">feedback@58pic.com</a>
                <a href="#" class="foot_common">常见问题>></a>
            </div>
        </div>
        <div class="footer_contents clearBoth">
            <p class="qt-fL bottom_icon">
                <a href="#" class="icon icon-xinlang"></a>
                <a href="#" class="icon icon-weixin"></a>
            </p>
            <p class="qt-fL bottom_href">
                <a href="#">注册声明</a>
                <a href="#">版权声明</a>
                <a href="#">售后服务</a>
                <a href="#">隐私声明</a>
            </p>
        </div>
        <div class="footer_bottom clearBoth">
            <div class="footer_bottom_fp">为了防范电信网络诈骗，如网民接到962110电话，请立即接听</div>
            <div class="footer_bottom_sp">
                <p>
                    Copyright ©2013-现在 千图网
                    <a href="#">沪ICP备10011451号-6</a>
                    <a href="#">  ICP证书: 沪B2-20180057</a>
                </p>
            </div>
        </div>
    </div>
</footer>
<script src="lib/jquery/jquery.min.js"></script>
<script src="js/less.js"></script>
<script src="js/index.js"></script>
</body>
</html>